<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/list.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
</head>
<body class="News-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 新闻中心banner start -->
<div class="website-banner">
	<div class="auto-banner">
		<div class="img-div">
			<img class="pc" src="https://ow.extremevision.com.cn/uploadfile/file/20230417/1681735019276983.jpg"
				 width="1920" alt="资源中心">
			<img class="phone" src="https://ow.extremevision.com.cn/uploadfile/file/20230417/1681735025389575.jpg"
				 width="1920" alt="资源中心">
		</div>
		<div class="cont" flex>
			<div class="wrap-1440">
				<div class="website-map">
					<div class="flex-box">
						<div class="title-icon" flex="wrap aie">
							<img src="__STATIC_LIB__sanyechong/images/icon-7-1.png" width="19" alt="Image">
							<span class="title">视界生态</span>
						</div>
					</div>
				</div>
				<div class="news-top-banner" flex="wrap jb">
					<div class="swiper-box">
						<div class="swiper" data-swiper-class="swiperTopNews" data-swiper-json="{
            loop: true,
            speed: 500,
            pagination :{
              el: '.news-top-banner .swiper-points',
              clickable :true,
            },
            autoplay: {
              delay: 5000,
              stopOnLastSlide: false,
              disableOnInteraction: false,
            },
          }">
							<div class="swiper-wrapper">
								{volist name="hotList" id="vo"}
								<div class="swiper-slide">
									<a class="box imgh" href="{:url('news/detail')}?id={$vo.id}">
										<div class="img-box">
											<img src="{$vo.pic}" width="960" alt="Image">
										</div>
										<div class="mark">
											<div class="mark-cont">
												<span class="ico-span hot">热门</span>
												<div class="title textovers">{$vo.title}</div>
											</div>
										</div>
									</a>
								</div>
								{/volist}
							</div>
							<div class="swiper-points" flex="aic jfe"></div>
						</div>
					</div>
					<ul class="ul" flex="wrap jb">
						{volist name="newList" id="vo"}
						<li class="li">
							<a href="{:url('news/detail')}?id={$vo.id}" class="box imgh">
								<div class="img-box">
									<img src="{$vo.pic}" width="456" alt="Image">
								</div>
								<div class="mark">
									<div class="mark-cont">
										<span class="ico-span new">最新</span>
										<div class="title textovers">{$vo.title}</div>
									</div>
								</div>
							</a>
						</li>
						{/volist}
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 新闻中心banner end -->
<a name="F2"></a>
<main class="main">
	<!-- 新闻中心 start -->
	<div class="news-block">
		<div class="wrap-1440" flex="wrap jb">
			<div class="left-cont">
				<div class="switch-tit-box" flex>
					{volist name="typeList" id="vo" key="index"}
					{if $index == 3}
					<a {if $type== $vo.id} class="on" {/if} href="{:url('news/cvmart')}?type={$vo.id}"
					title="{$vo.name}">{$vo.name}</a>
					{else/}
					<a {if $type== $vo.id} class="on" {/if} href="{:url('news/cvmart')}?type={$vo.id}"
					title="{$vo.name}">{$vo.name}</a>
					{/if}
					{/volist}
				</div>
				<ul class="ul list2">
					{volist name="resourceList" id="vo"}
					<li class="li list2-li">
						<div class="list2-box imgh" flex="aic">
							<a class="img-box" href="{:url('news/detail')}?id={$vo.id}">
								<img src="{$vo.pic}" width="214" alt="Image">
							</a>
							<div class="cont">
								<p class="time">{$vo.ctime}</p>
								<h6 class="h6 textover">
									<span class="ico-span new">最新</span>
									<a href="{:url('news/detail')}?id={$vo.id}">{$vo.title}</a></h6>
								<div class="des textover">{$vo.brief}</div>
								<div class="tag-box" flex="wrap aic">
									{volist name="$vo['children']" id="v"}
									<a href="{:url('news/topic')}?id={$v.id}" target="_blank">{$v.title}</a>
									<i class="line"></i>
									{/volist}
								</div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
				<!-- 列表分页 start -->
				<!-- 列表分页 start -->
				<!-- 列表分页 start -->
				<div class="page-btn-box" flex="aic jb">
					<!--<div class="page-result">共 384 项数据</div>-->
					<div class="page-result"></div>
					<div class="page-btns" flex="wrap aic">
						{if $page == 1}
						<a class="page-btn prev">
							<span class="self-svg" data-icon="arrowRightMiddle14"></span>
						</a>
						{else/}
						<a href="{:url('news/cvmart')}?page={$prevPage}" class="page-btn prev">
							<span class="self-svg" data-icon="arrowRightMiddle14"></span>
						</a>
						{/if}
						{for start="1" end="$totalPages+1"}
						{if $i == $page}
						<a class="page-btn on" href="{:url('news/cvmart')}?page={$i}">{$i}</a>
						{else/}
						<a class="page-btn" href="{:url('news/cvmart')}?page={$i}">{$i}</a>
						{/if}
						{/for}
						{if $totalPages > 10}
						<span class="page-btn omission">...</span>
						{/if}
						{if $page == $totalPages}
						<a class="page-btn next">
							<span class="self-svg" data-icon="arrowRightMiddle14"></span>
						</a>
						{else/}
						<a href="{:url('news/cvmart')}?page={$prevPage}" class="page-btn next">
							<span class="self-svg" data-icon="arrowRightMiddle14"></span>
						</a>
						{/if}
						<span class="txt">跳至</span>
						<input type="text" class="text page-btn" id="inputPage" value="1">
						<span class="total page-btn">/{$totalPages}页</span>
						<button type="button" onClick="confirmPage();" style="margin-left: 10px;padding: 0 10px;cursor: pointer;height: 32px;line-height: 32px;border-radius: 2px;vertical-align: top;background-color: #F2F2F2;box-sizing: border-box;">确定</button>
					</div>
				</div>
				<!-- 列表分页 end -->
				<!-- 列表分页 end -->
			</div>
			<div class="right-cont">
				<!-- 热门资讯 start -->
				<div class="hot-news">
					<div class="auto-title-block-b">
						<h2 class="auto-title-h2 h2">
							<span class="auto-title-h2-word">热门资讯</span>
						</h2>
					</div>
					<ul class="ul list4">
						{volist name="hotList" id="vo" key="index"}
						<li class="li list4-li" flex="aic">
							<span class="num">0{$index}</span>
							<a class="list4-title textovers" href="{:url('news/detail')}?id={$vo.id}"
							   title="{$vo.title}">{$vo.title}</a>
						</li>
						{/volist}
					</ul>
				</div>
				<!-- 热门资讯 end -->
				<!-- 热门标签 start -->
				<div class="hot-tags item-li">
					<div class="auto-title-block-b">
						<h2 class="auto-title-h2 h2">
							<span class="auto-title-h2-word">热门话题</span>
						</h2>
					</div>
					<ul class="ul tags-list" flex="wrap">
						{volist name="topicList" id="vo"}
						<li class="li tags-li"><a href="{:url('news/topic')}?id={$vo.id}">{$vo.title}</a></li>
						{/volist}
					</ul>
				</div>
				<!-- 热门标签 end -->
			</div>
		</div>
	</div>
	<!-- 新闻中心 end -->
</main>
<!--尾部begin-->
{include file="footer" /}
<script>
	// rem计算问题延时执行
	function remAfter() {
		setTimeout(function () {
			// 动画
			AOS.refresh();
		}, 100);
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	AOS.init({
		duration: 600,
		easing: 'ease',
		once: true,
	});
	var catdir = "{:url('news/cvmart')}";
	var inputPage = document.getElementById("inputPage");
	inputPage.addEventListener("keyup", function (event) {
		event.preventDefault();
		if (event.keyCode === 13) {
			var page = document.getElementById("inputPage").value;
			window.location.href = catdir + '?page=' + page;
		}
	});

	function confirmPage() {
		var page = document.getElementById("inputPage").value;
		window.location.href = catdir + '?page=' + page;
	}
</script>
</body>
</html>